<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目适配方案</title>
    <script src="./js/flexible.js"></script>
    <style>
        @media screen and (max-width:1024px) {
            html {
                font-size: 42.66px !important;
            }
        }
        @media screen and (min-width:1920px) {
            html {
                font-size: 80px !important;
            }
        }
    </style>
</head>
<body>
    <!-- 项目技术 -->
    <!-- flexible.js：检测浏览器宽度修改html 文字大小 
        flexible.js 把屏幕分为 24 等份 PC端的效果图是 1920px px to rem 插件的基准值是  80px rem值自动生成-->
    <!-- rem 单位：页面元素根据 rem 适配大小配合 cssrem 插件 -->
    <!-- flex布局：页面快速布局 -->
    <!-- cssrem 插件的基准值是  75px  -->
    <div></div>
</body>
</html>